<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=MR&nickName=名人八字&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title><!--{$title}--></title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    
    <style>
        body{background-color:#F3DED1;}
        .zm_subbanner{margin:0.2rem 0.2rem 0;font-size:0;}
        .center_container{margin-top:0.48rem;}
        .img_box{margin:0 0.2rem 0.3rem;font-size:0;}
        .pstR{position: relative;}
        .m_form_ul li .f_left{font-weight: 700;}
         /* 滚动内容 */
        .feedback_container{height:5.9rem;margin:0 0.1rem 0.3rem;position: absolute;bottom:0;}
        .uf_ul_wrap{overflow: hidden;height:100%;background-color:#ffffff;border-radius: 0.05rem;}
        .uf_ul_wrap .uf_ul{position: relative;padding:0 0.3rem;}
        .uf_ul_wrap .uf_ul li{border-bottom:1px solid #F3DED1;list-style: none;}
        .uf_ul_wrap .uf_ul li strong{color:#ad2f2f;margin:0.1rem 0;display: inline-block;font-size:0.28rem;font-family: PingFangSC-Medium, sans-serif;font-weight: 700;}
        .uf_ul_wrap .uf_ul li p{font-family: PingFangSC-Medium, sans-serif;font-size:0.24rem;color:#333333;line-height: 0.5rem;margin-bottom:0.1rem;}
    
        .footer_severs{background-color:transparent;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner"><img src="__PUBLIC__/images/mrbz_img/banner.png" width="100%" alt=""></div>
    <div class="zm_subbanner" id="J_scrollT"><img src="__PUBLIC__/images/mrbz_img/img_1.png" width="100%" alt=""></div>
    <div class="m_form_container">
        <form id="_form" class="m_form_wrap" action="<!--{:U('Mrbz/mrbz_zhifu','',false)}-->" method="POST">
            <ul class="m_form_ul">
                <li>
                    <div class="f_left">您的姓名</div>
                    <div class="f_auto"><input type="text" id="username" name="username" placeholder="匿名 (可不填)"></div>
                </li>
                <li>
                    <div class="f_left">您的性别</div>
                    <div class="f_auto">
                        <label for="man">
                            <input type="radio" name="gender" checked="checked" style="display: none" id="man" value="1">
                            <span class="select"></span>男
                        </label>
                        <label for="woman">
                            <input type="radio" name="gender" style="display: none" id="woman" value="0">
                            <span class="select"></span>女
                        </label>
                    </div>
                </li>
                <li>
                    <div class="f_left">出生日期</div>
                    <div class="f_auto"><div type="text" data-date="1985-04-18-7" data-id="birthday" id="datetime">请选择出生日期</div></div>
                    <input type="hidden" id="birthday" name="birthday">
                </li>
            </ul>
            <div class="m_form_btnwrap J_formSubmit">马上查询</div>
            <p class="m_form_prompt">目前已有<span><!--{$Think.cookie.mrbzcs}--></span>人查询</p>
        </form>
    </div>
    <div class="center_container">
        <div class="img_box"><img src="__PUBLIC__/images/mrbz_img/img_2.png" width="100%" alt=""></div>
        <div class="img_box">
            <img src="__PUBLIC__/images/mrbz_img/img_3.png" width="100%" alt="">
            <img src="__PUBLIC__/images/mrbz_img/img_4.png" width="100%" alt="">
        </div>
        <div class="img_box"><img src="__PUBLIC__/images/mrbz_img/img_5.png" width="100%" alt=""></div>
        <div class="img_box"><img src="__PUBLIC__/images/mrbz_img/img_6.png" width="100%" alt=""></div>
        <div class="img_box"><img src="__PUBLIC__/images/mrbz_img/img_7.png" width="100%" alt=""></div>
        <div class="img_box pstR">
            <img src="__PUBLIC__/images/mrbz_img/img_yonghupingjia.png" width="100%" alt="">
            <div class="feedback_container">
                <div class="uf_ul_wrap" id="feedbackScroll">
                    <ul class="uf_ul">
                        <li>
                            <strong>黄女士  136****3201</strong>
                            <p>太准了！没想到和我八字一样的人是李清照，难怪我的婚姻到后面是有一些坎坷，感谢大师给出建议帮助我挽回家庭！！</p>
                        </li>
                        <li>
                            <strong>李先生  152****3295</strong>
                            <p>神了！我八字匹配到朱元璋，我一个普通农村出来的孩子，一步一步打拼到现在的公司，和朱元璋建议一模一样...</p>
                        </li>
                        <li>
                            <strong>匿	名  138XXXX7795</strong>
                            <p>一直苦恼没赚到什么钱，经过这次八字匹配和解析，原来和我八字相同的大都平凡，想想家庭和睦，家人健康，没有大灾大难，这样的幸福多少东西都不换！感谢知命。</p>
                        </li>
                        <li>
                            <strong>杨女士  158XXXX6951</strong>
                            <p>我的八字和明朝的张居正一样，像我一个女人性格要强，做事也是比较不讲情面，刚正不阿。和公司一些同事面和心不和，不过也正是因为我的性格深的老板赏识。希望自己不忘初心吧，加油！</p>
                        </li>
                        <li>
                            <strong>钟先生  156XXXX7795</strong>
                            <p>只说一句，太准了，简直就是另一个我</p>
                        </li>
                        <li>
                            <strong>匿名  188XXXX9692</strong>
                            <p>匹配到一个坏人，是谁就不说了，大师提醒我要从善积德，白手起家的时候，确实做了一些不是很光彩的事，感谢提醒，今后一定修身养性，积德积福。</p>
                        </li>
                        <li>
                            <strong>王女士  189XXXX2580</strong>
                            <p>怀孕后就一直做家庭主妇，在匹配结果之后我也重拾勇气，打算创造自己职场第二春，毕竟和我八字相同的张靓颖现在还在舞台上闪光，我也要坚强！</p>
                        </li>
                        <li>
                            <strong>程女士  137XXXX3662</strong>
                            <p>匹配到了女神王祖贤！哈哈！，希望自己的也能从一个小主播变成大红大紫的网红！</p>
                        </li>
                        <li>
                            <strong>周先生  186XXXX7521</strong>
                            <p>分析的很有依据，也很专业，从来不迷信的我，这次信了7成。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>
    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    <!-- 悬浮按钮 -->
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;">立即测算</a>
    </div>
    <script>
        var calendar1 = new lCalendar().init('#datetime');

        $(".J_formSubmit").on('click',function(){
            if($("[name='username']").val() == ""){
                $("[name='username']").val('匿名');
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择出生日期");
                return false;
            }
            var birthday=$("[name='birthday']").val();
            var username=$("[name='username']").val();
            var gender=$("[name='gender']").val();
            if(!birthday||!username||!gender){
                layer.msg("请重新提交信息");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });


        $(function(){
            // 服务轮播
            var scrollTop=0;
            var scrollUl=$('#feedbackScroll').children('ul');
            function scrollTip(){
                var top=scrollUl.children('li').eq(0).outerHeight();
                if(Math.abs(scrollTop)==Math.abs(top)){
                    scrollUl.children('li').eq(0).appendTo(scrollUl);
                    scrollUl.css("top",0);
                    scrollTop=0;
                }else{
                    scrollTop--;
                    scrollUl.css("top",scrollTop);
                }
            }
            setInterval(scrollTip,50);
        });
        //测算底部悬浮
        $(function(){
            var topShow=$(".J_formSubmit");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#J_scrollT')[0].offsetTop},500)});
            }
        });

        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'updateAppMessageShareData',
                'updateTimelineShareData',
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.updateAppMessageShareData({//“分享给朋友”及“分享到QQ”
                title: '名人八字', // 分享标题
                desc: '在洞见命运八字数据库中为您匹配八字相同相似的名人，看他们的一生经历与你会有哪些奇妙相似之处？', // 分享描述
                link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/19.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });
            wx.updateTimelineShareData({//“分享到朋友圈”及“分享到QQ空间”
                title: '名人八字', // 分享标题
                desc: '在洞见命运八字数据库中为您匹配八字相同相似的名人，看他们的一生经历与你会有哪些奇妙相似之处？', // 分享描述
                link: '<!--{$Think.cookie.MRwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/19.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });
        });
    </script>
</body>
</html>